<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>kq.1.06简单的动画效果</title>
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
<script src="../kq.1.06.dev.js"></script>
</head>

<body>
<div id="do-circle" style="width:60px;height:60px;border:1px solid #d00;">点我我会转圈圈</div>
<div id="do-circle2" style="width:60px;height:60px;border:1px solid #d00;">点我我会转圈圈2</div>
<div id="do-circle3" style="width:60px;height:60px;border:1px solid #d00;">点我我会转圈圈3</div>
<div id="do-circle5" style="width:60px;height:60px;border:1px solid #d00;">点我我会转圈圈5</div>
</body>
<script>
$Q('#do-circle').click(function(){
	console.log($Q('#do-circle').animation('circle'));
});
$Q('#do-circle2').click(function(){
	console.log($Q('#do-circle2').animation({
		animationType:'circle',
		rotateZspeed:2,
	}));
});
$Q('#do-circle3').click(function(){
	console.log($Q('#do-circle3').animation({
		animationType:'circle',
		rotateZspeed:-3,
	}));
});
$Q('#do-circle5').click(function(){
	console.log($Q('#do-circle5').animation({
		animationType:'circle',
		rotateZspeed:5,
	}));
});
var debug;
</script>
</html>
